.HospitalDetails{
    
}
.content{
    padding: 0px 30px;
}
.search{
    display: flex;
    margin-bottom: 53px;
    justify-content: space-between;
    align-items: center;
    .left{
        width: 620px;
        height: 72px;
        background: #F7F7F7;
        border: 2px solid #F2F2F2;
        border-radius: 10px;
        display: flex;
        align-items: center;
        padding: 0px 28px;
        img{
            width: 27px;
            height: 27px;
            display: block;
            margin-right: 22px;
        }
        input{
            flex: 1;
            outline: none;
            border: none;
            background-color: #F7F7F7;
        }
    }
}
.title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    p{
        text-align: left;
        height: 30px;
        font-size: 30px;
        font-family: PingFangSC;
        font-weight: 600;
        color: #303331;
    }
    img{
        width: 22px;
        height: 25px;
        display: block;
    }
    margin-bottom: 49px;
}
.hist{
    margin-bottom: 50px;
    .hist-box{
        display: flex;
        flex-wrap: wrap;

    .hist-list{
        display: inline-block;
        padding: 0px 28px;
        height: 56px;
        margin: 0px 20px 24px 0px;
        background: #F7F7F7;
        line-height: 56px;
        text-align: center;
        border-radius: 28px;
        font-size: 22px;
        font-family: PingFangSC;
        font-weight: 400;
        color: #61583D;
    }
}
}
.rest{
    .hist-list{
        color: #61583DFF;
        // span{
        //     padding-right: 20px;
        // }
    }
    .hist-list:nth-of-type(1){
        background: #FFF5F5;
        color: #FA5555;
    }
    .hist-list:nth-of-type(2){
        background: #FFF5F5;
        color: #FA5555;
    }
    .hist-list:nth-of-type(3){
        background: #FFF5F5;
        color: #FA5555;
    }
}